<style type="text/css">
.tarchivos td {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;	
	font-size: 14px;
}
.tarchivos a {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;	
}
</style>
<!-- START BLOCK : FORMBUSCAR -->
<fieldset>
<legend  class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Busqueda de archivos</legend>
 <form method="post" action="archivos.php">
      <input type="text" name="q" size="30" maxlength="50" value="{q}" />&nbsp;
      {combofa}&nbsp;
      <input class="fg-button ui-state-default ui-corner-all" type="submit" id="Buscar" value="Buscar" />
      </form>
</fieldset>
<script type="text/javascript">
$(function() {
	$("input[name='q']").focus().select();
});
</script>
<!-- END BLOCK : FORMBUSCAR -->
<!-- START BLOCK : LISTADOCARPETAS -->
<br />
<table class="tarchivos" cellpadding="0" cellspacing="0">
<!--tr>
  <td><img src="http://dondeaprendo.com/images/folder_icon.gif" alt="folder" border="0" /></td>
  <td><a href="listado_archivos.php" style="color:#2A358F; text-decoration:none">** Todos los archivos **</a></td>
  <td style="text-align:right">{size_all}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr-->
<!-- START BLOCK : LCPADRE -->
<tr>
<td>
<img src="http://dondeaprendo.com/images/folder_icon_up.gif" border="0">
</td>
<td colspan="4">&nbsp;
{item}
</td>
</tr>
<!-- END BLOCK : LCPADRE -->
<!-- START BLOCK : LCITEM -->
<tr>
<td>
<img src="http://dondeaprendo.com/images/folder_icon.gif" border="0">
</td>
<td>
  <a href="archivos.php?c={id_carpeta}" style="color:#2A358F; text-decoration:none">{nombre_carpeta}</a>
</td>
<td><a href="{self}?idc={id_carpeta}&accion=eliminar_carpeta&act={act}" title="Eliminar Carpeta"><img src="http://dondeaprendo.com/images/delete_file.gif" border="0"></a></td>
<td><a class="renombrar" href="renombrar.php?idc={id_carpeta}" title="Renombrar carpeta {nombre_carpeta}"><img src="http://dondeaprendo.com/images/rename.gif" border="0"></a></td>
</tr>
<!-- END BLOCK : LCITEM -->
</table>
<!-- END BLOCK : LISTADOCARPETAS -->
<!-- START BLOCK : LISTADOARCHIVOS -->
<br />
<table class="tarchivos" cellpadding="0" cellspacing="0">
<!-- START BLOCK : LAITEM -->
<tr>
  <td>[&nbsp;{ruta}&nbsp;]</td>
<td style="padding-left:40px;">
{icono}
</td>
<td style="font-size:12px; font-weight:bold;">
  <a href="download.php?ida={id_archivo}&c={codigo}" style="color:#2A358F; text-decoration:none">{name}</a>
</td>
<td style="text-align:right">{size}</td>
<td><a href="{self}?ida={id_archivo}&accion=cambiar_visibilidad&c={codigo}&idc={id_carpeta}&act={c}"><img src="http://dondeaprendo.com/images/private_icon_{es_privado}.jpg" title="Visibilidad" border="0" /></a></td>
<td><a class="eliminar" href="{self}?ida={id_archivo}&accion=eliminar_archivo&c={codigo}&idc={id_carpeta}&act={c}" title="Eliminar Archivo"><img src="http://dondeaprendo.com/images/delete_file.gif" border="0"></a></td>
</tr>
<!-- END BLOCK : LAITEM -->
<!-- START BLOCK : LATOTAL -->
<tr>
  <td colspan="3" style="padding:8px"><strong>{narchivos} archivos encontrados</strong></td>
  <td style="text-align:right"><strong>{total_size}</strong></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>

<!-- END BLOCK : LATOTAL -->
</table>
<script type="text/javascript">
$(function() {
	$(".eliminar").click(function() {
		return confirm("Desea eliminar este archivo?");
	});
});
</script>
<!-- END BLOCK : LISTADOARCHIVOS -->

<!-- START BLOCK : NOHAYARCHIVOS -->
<div>
<h3>No se encontraron archivos</h3>
</div>
<!-- END BLOCK : NOHAYARCHIVOS -->
<!-- START BLOCK : CREARCARPETA -->
<br />
<form method="post" action="{self}">
<input type="hidden" name="accion" value="crear_carpeta">
<input type="hidden" name="id_carpeta" value="{id_carpeta}" />
<table class="tablada">
<tr>
<th colspan="3">Crear una carpeta</th>
</tr>
<tr>
<td>
<img src="http://dondeaprendo.com/images/add_folder.gif" border="0" />
</td>
<td>
<input type="text" style="font-size:16px" size="20" maxlength="30" name="nombre_carpeta" id="nombre_carpeta"> 
</td>
<td>
<input type="submit" id="btn_crear" class="fg-button ui-state-default ui-corner-all"value="Crear Carpeta">
</td>
</tr>
</table>
</form>
<!-- END BLOCK : CREARCARPETA -->
<!-- START BLOCK : RENOMBRAR -->
<fieldset>
<legend  class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Renombrar carpeta</legend>
<form method="post" action="{self}">
<input type="text" name="nombre" size="30" maxlength="50" value="{nombre_carpeta}" />
<input type="submit" class="fg-button ui-state-default ui-corner-all" value="Renombrar">
<input type="hidden" name="id_carpeta" value="{id_carpeta}" />
<input type="hidden" name="accion" value="renombrar" />
</form>
<br />
<br />
<a href="archivos.php" class="fg-button ui-state-default ui-corner-all">Cancelar</a>
</fieldset>
<script type="text/javascript">
$(function() {
	$("input[name='nombre']").focus().select();
});
</script>
<!-- END BLOCK : RENOMBRAR -->
<!-- START BLOCK : FORMSUBIR -->
<br />
<fieldset>
<legend  class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Subir un archivo a esta carpeta
</legend><div id="forma_archivo">
<form method="post" enctype="multipart/form-data" action="{self}" id="frm_archivo">
<input type="hidden" name="accion" value="subir_archivo" />
<input type="hidden" name="id_carpeta" value="{id_carpeta}" />
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="file" name="archivo" />&nbsp;<input type="checkbox" name="es_privado" id="es_privado" value="1" />
<label for="es_privado">El Archivo es Privado</label>&nbsp;
<input class="fg-button ui-state-default ui-corner-all" id="btn_subir_archivo" type="submit" value="Subir Archivo" />
</form>
</div>
<div id="forma_loading" style="display:none">
<h1>Subiendo archivo...</h1>
<img src="http://dondeaprendo.com/images/loading.gif" border="0" title="Cargando..." align="absbottom" />
</div>
</fieldset>
<script type="text/javascript">
$(function() {
	$("#forma_archivo").submit(function() {
		$("#forma_archivo").hide();
		$("#forma_loading").show();
	})
});
</script>
<!-- END BLOCK : FORMSUBIR -->
<!-- START BLOCK : PERMISOLOGIA -->
<script type="text/javascript">
$(function() {
	$("#txt_nombre_persona").autocomplete({
	source: "./servicios/getNombres.php",
	delay: 200,
	close: function(event, ui) {
		$("#id_persona_sel").val("0");
		$("#txt_nombre_persona").val("");
		$("#txt_nombre_persona").focus();
	},
	select: function(event, ui) {
		if(ui.item.id!="0") $("#id_persona_sel").val(ui.item.id);
		var $nuevo = '<li><a rel="' + ui.item.id + '" onclick="javascript:remover_persona(' + ui.item.id + ');" href="#?eliminar=' + ui.item.id + '" class="eliminar_persona">[eliminar]</a>&nbsp;' + ui.item.value + '</li>';
		var aparecio = 0;
		$("#lista_personas li a").each(function() {
			if($(this).attr("rel")==ui.item.id) aparecio=1;
		});
		if(aparecio==0) {
			$.ajax({
			  url: "./servicios/set_arch.php?idp={id_profesor}&idu=" + ui.item.id,
			  context: document.body,
			  success: function(){
				$("#lista_personas").append($nuevo); 
				return false;
			  }
			});				
		}
	}
  });
});
function remover_persona(id_persona) {
	$.ajax({
	  url: "./servicios/set_arch.php?idp={id_profesor}&idu=" + id_persona + "&r=1",
	  context: document.body,
	  success: function(){
		$("#lista_personas").find("a.eliminar_persona[rel='" + id_persona + "']").parent("li").remove();	
		return false;
	  }
	});	
	return false;
}
</script>
<br />
<br />
<h4>Las siguientes personas tienen permisos para ver archivos privados</h4>
<div>
<ul id="lista_personas">
<!-- START BLOCK : PERMISOLOGIAITEM -->
<li><a rel="{id_persona}" class="eliminar_persona" onclick="javascript:remover_persona({id_persona});">[eliminar]</a>&nbsp;{nombre_persona}</li>
<!-- END BLOCK : PERMISOLOGIAITEM -->
</ul>
</div>
<label for="txt_nombre_persona">Agregar un usuario</label>
<input type="text" placeholder="Nombre de la persona" size="25" name="nombre_persona" id="txt_nombre_persona" />
<input type="hidden" id="id_persona_sel" name="id_persona_sel" />
<!-- END BLOCK : PERMISOLOGIA --> 